import React, { Component } from 'react'
import { NavLink } from 'react-router-dom'
import styled from 'styled-components'

const NavWrapper = styled.div`
  width: 100%;
  height: 40px;
  display:flex;
  a {
    flex:1;
    display:flex;
    justify-content:center;
    align-item:center;
  }
  .active {
    color: orange;
  }
`

export default class NavFooter extends Component {
  render() {
    return (
      <NavWrapper>
        <NavLink to="/dmallHome/deliveryHome">配送到家</NavLink>
        <NavLink to="/dmallHome/classify">分类</NavLink>
        <NavLink to="/dmallHome/vip">会员</NavLink>
        <NavLink to="/dmallHome/myCart">购物车</NavLink>
        <NavLink to="/dmallHome/mine">我的</NavLink>
      </NavWrapper>
    )
  }
}
